import './index.less'
import { useState } from 'react'
import eventbus from '../../../services/eventbus'
import ioService from '../../../services/ioService'

export default () => {
    let [message, setMessage] = useState<string>('')

    function onSend() {
        if (!message) return;
        setMessage('')
        // todo 发送消息到服务器或者其他控件
        ioService.emit('message', message) // 这个是发给服务器的
        // 这个是在网页内部自己消费的
        eventbus.emit('selfMessage', message)
    }

    return <div className="message-input">
        <textarea onChange={e => setMessage(e.target.value)}
                  value={message}
                  onKeyDown={e => e.key === 'Enter' && onSend()} />
        <button onClick={onSend}>发送</button>
    </div>
}